<header>
    <h1 class="inline">{{messages.user.view.list.title}}</h1>
    <form class="search inline">
        <div class="input-group">
            <input class="form-control" type="text" placeholder="{{messages.common.action.search}}" data-bind="value: search" />
            {{buttonsSearch}}
        </div>
    </form>
</header>

<section>
    {{buttonsList action}}
    {{paginator collection}}
    <div>
        <table class="table table-striped table-bordered">
            <thead>
                <tr>
                    <th>{{messages.user.attribute.login}}</th>
                    <th>{{messages.user.attribute.displayname}}</th>
                    <th>&nbsp;</th>
                </tr>
            </thead>
            <tbody>
                {{#each collection.models}}
                <tr>
                    <td>{{attributes.login}}</td>
                    <td>{{attributes.displayname}}</td>
                    <td style="width: 134px;">{{buttonsItem ../action id ../selectedItems}}</td>
                </tr>
                {{/each}}
            </tbody>
        </table>
    </div>
    {{paginator collection}}
    {{buttonsList action}}
</section>